<template>
  <aside class="flex">
    <div
      class="flex w-12 h-[79vh] flex-col items-center space-y-8 border-r border-slate-300 bg-slate-50 py-8 dark:border-slate-700 dark:bg-slate-900 sm:w-16"
    >
      <!-- 首页 -->
      <AsideHome></AsideHome>

      <!-- 新建 -->
      <AsideNew></AsideNew>

      <!-- 问答 -->
      <AsideChat></AsideChat>

      <!-- 搜索 -->
      <AsideSearch></AsideSearch>

      <!-- 知识库 -->
      <AsideDB></AsideDB>

      <!-- 用户 -->
      <AsideUser></AsideUser>

      <!-- 设置 -->
      <AsideSetting></AsideSetting>
    </div>
  </aside>
</template>

<script setup>
import AsideChat from "./aside/AsideChat.vue";
import AsideDB from "./aside/AsideDB.vue";
import AsideHome from "./aside/AsideHome.vue";
import AsideNew from "./aside/AsideNew.vue";
import AsideSearch from "./aside/AsideSearch.vue";
import AsideSetting from "./aside/AsideSetting.vue";
import AsideUser from "./aside/AsideUser.vue";
</script>
